<template>
  <router-view></router-view>
</template>

<script lang="ts">
export default {
  name: "App",
  data: () => ({
    //
  }),
};
</script>

<style lang="scss">
html {
  height: 100%;
  overflow-y: auto !important;
}
.v-bottom-black-bar {
  // 适应底部小黑条
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom);
}


// 清除vuetify的默认pre下的code伪元素和阴影
.v-application pre > code {
  box-shadow: none;
  &::before,
  &::after {
    content: none;
  }
}
pre[class*="language-"] {
  margin: auto 0 !important;
}

// 分页
.v-pagination .v-pagination__item {
  outline: none;
}
</style>